import { StyleSheet, Platform } from 'react-native';

const CENTER = {
  lineHeight: 44,
  height: 44,
  textAlign: 'center'
}

export default StyleSheet.create({
  wrap: {
    flexDirection: 'row',
    alignItems: 'flex-end',
    paddingTop: Platform.OS === 'ios' ? 20 : 0,
    height: Platform.OS === 'ios' ? 64 : 44,
    backgroundColor: '#fff',
  },
  right: {
    width: 44,
    color: '#3399ff',
    ...CENTER,
  },
  left: {
    width: 44,
    color: '#3399ff',
    ...CENTER,
  },
  btnWrap: {
    width: 44,
  },

  center: {
    flexGrow: 1,
    ...CENTER,
  }
})